<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <div>
        <p:panel header="EMPRESAS" style="border:none;">
            <p >
                En esta vista se crea las cuentas de las empresas que están 
                solicitando a personal para su empresa. Dicha cuenta le 
                permitirá realizar una búsqueda según sus necesidades, 
                luego le llegara un correo a Ud. para poder ver a que 
                personas se ha encontrado con el perfil que busca la empresa.
            </p>
            <div align="center">
                <h:form id="formUsEmpId">
                    <h:panelGrid columns="2">
                        <p:panel header="Datos Generales" >
                            <!-- RUC -->
                            <div class="dynaFormLabel">  
                                <p:outputLabel for="txt" value="RUC."/>  
                            </div>  
                            <p:inputText id="txt" required="true" 
                                         label="RUC" maxlength="12"
                                         value="#{companyBean.company.ruc}"/>
                            <!-- nombre -->
                            <div class="dynaFormLabel">  
                                <p:outputLabel for="txt1" value="Nombre Empresa"/>  
                            </div>  
                            <p:inputText id="txt1" required="true" 
                                         label="Nombre Empresa" maxlength="199"
                                         value="#{companyBean.company.name}"/>
                            <!-- TELÉFONO -->
                            <div class="dynaFormLabel">  
                                <p:outputLabel for="txt2" value="Teléfono"/>  
                            </div>  
                            <p:inputText id="txt2" required="true" 
                                         label="Teléfono" maxlength="15"
                                         value="#{companyBean.company.phone}"/> 
                            <!-- CONTACTO -->
                            <div class="dynaFormLabel">  
                                <p:outputLabel for="txt22" value="Contacto"/>  
                            </div>  
                            <p:inputText id="txt22" required="true" 
                                         label="Contacto" maxlength="99"
                                         value="#{companyBean.company.contact}"/> 
                            <div class="dynaFormLabel">  
                                <p:outputLabel for="txt242" value="Busquedas"/>  
                            </div>  
                            <p:spinner id="txt242" required="true" max="5" min="0"
                                       label="Contacto" maxlength="99"
                                         value="#{companyBean.company.numberSearch}"/> 
                        </p:panel>
                        <p:panel header="Usuario" style="height: 100%;">
                            <!-- CUANDO EXPIRA -->
                            <div class="dynaFormLabel">  
                                <p:outputLabel for="txt162" value="Cuando Expira?"/>  
                            </div>  
                            <p:calendar id="txt162" required="true" 
                                        label="Cuando Expira?" pattern="dd/MM/yyyy" locale="es"
                                         value="#{companyBean.company.systemUserId.finishDate}"/> 
                            <!-- NOMBRE DE USUARIO -->
                            <div class="dynaFormLabel">  
                                <p:outputLabel for="txt212" value="Nombre de usuario"/>  
                            </div>  
                            <p:inputText id="txt212" required="true" 
                                         label="Contacto" maxlength="99"
                                         value="#{companyBean.company.systemUserId.userName}"/> 
                            <!-- CONTRASEÑA -->
                            <div class="dynaFormLabel">  
                                <p:outputLabel for="txt12" value="Contraseña"/>  
                            </div>  
                            <p:inputText id="txt12" required="true" 
                                         label="Contacto" maxlength="99"
                                         value="#{companyBean.company.systemUserId.password}"/> 
                        </p:panel>
                    </h:panelGrid>
                    <p class="separator" /><p class="separator" />
                    <p class="separator" />
                    <p:commandButton value="Guardar" update="@form"
                                     action="#{companyBean.saveOrUpdateCompany()}"/>

                </h:form>
            </div>
        </p:panel>
    </div>

    <p:dialog modal="true" header="Agregando empresa" appendTo="@(body)"
              widgetVar="addCompanyW" id="addCompanyId">
        <div align="center">
            <h:form id="formdialogId">
                <h:panelGrid columns="2">
                    <h:outputText value="RUC Empresa" />
                    <p:inputText value="#{systemUserBean.company.ruc}" 
                                 placeholder="12 digitos como máximo" 
                                 required="true" label="Ruc" maxlength="12" >
                    </p:inputText>

                    <h:outputText value="Nombre Empresa" />
                    <p:inputText value="#{systemUserBean.company.name}"
                                 required="true" label="Nombre">
                    </p:inputText>

                    <h:outputText value="Telefono / Celular" />
                    <p:inputText value="#{systemUserBean.company.phone}">
                    </p:inputText>

                    <h:outputText value="Contacto" />
                    <p:inputText value="#{systemUserBean.company.contact}">
                    </p:inputText>
                </h:panelGrid>

                <p:commandButton value="Guardar" action="#{systemUserBean.saveOrUpdateCompany()}"
                                 oncomplete="if(!args.validationFailed){addCompanyW.hide();}"
                                 update=":formUsEmpId:onMenuId" validateClient="true" ajax="false"/>
                <p:commandButton value="Salir" process="@none" onclick="addCompanyW.hide();"/>
            </h:form>
        </div>
    </p:dialog>
</ui:composition>

